.public-container{width:1200px; height:auto; box-sizing:border-box; margin:0 auto;}
.clear{zoom: 1;}
.clear:after{content:""; display: block; height:0; visibility: hidden; clear:both;}
.cc{width:462px;}
.head-nav-index{width:100%; height:100px;  box-sizing:border-box;}
.head-nav-index>div{ height:100%; position: relative;}
.head-nav-index>div ul{width:100%; height:100%;}
.head-nav-index>div ul li{float: left; width:115.625px; box-sizing:border-box; border-left:1px solid #eee; height:100%;  padding-top:32px; transition: all 0.4s; transition: all 0.3s;}
.head-nav-index>div ul li a{display:block; width:100%;  justify-content: center;  text-align: center; font-size:15px;
     letter-spacing: 1px; position: relative;}
.head-nav-index>div ul li a span{display: block; font-size:13px; text-align: center; color:#bfc0c6; margin-top:3px;}
.head-nav-index>div ul li:nth-child(4){margin-right:275px; border-right:1px solid #eee;}
.head-nav-index>div ul li:last-child{ border-right:1px solid #eee;}

.logo-box{position: absolute; left:50%; top:50%; width:200px; height:55px; margin-left:-92.5px; margin-top:-27.5px;}
.logo-box img{display: block; width:100%; height:100%;}
.head-nav-index>div ul li:hover,.head-nav-index>div ul li.active{background-color: #005fbb;}
.head-nav-index>div ul li:hover *,.head-nav-index>div ul li.active *{color:white !important;}

.banner-index{width:100%; height:488px;  overflow: hidden;}
.banner-index img{display: block; width:100%; height:100%;}
.footer-index{width:100%; background-color: #505159; padding:40px 0px; padding-bottom:30px;}
.foot-left{float: left;}
.foot-left ul{width:100%; margin:10px auto;}
.foot-left ul li{float: left; margin-right:14px;}
.foot-left ul li a{color:#9F9FA4; font-size:13px;}
.foot-left p{color:#9F9FA4; font-size:13px; line-height: 2;}
.foot-left ul li a:hover,.foot-left p:hover{color:white;}
.foot-right{float:right;  padding-top:15px;}
.fenxiang>span{float: left; display: inline-block; height:30px; line-height: 30px; color:#fff; font-size:12px; padding-left:16px; color:#9F9FA4;}
.box {
    width: 250px;
    height: 30px;
    display: inline-block;
    float: left;
    padding-top: 4px;
    margin-left:5px;
}
.box > div {
    width: 20px;
    height: 20px;
    float: left;
    cursor: pointer;
    border-radius: 4px;
    background-size: contain;
    margin: 0 5px;
}
#share-qrcode { background-image: url(../images/wechat.png); }
#share-douban { background-image: url(../images/db.png); }
#share-qzone { background-image: url(../images/qzone.png); }
#share-sina { background-image: url(../images/sina.png); }
#share-qq { background-image: url(../images/qq.png); }

.lianxi-index{width:100%; height:auto; padding:40px 0px; box-sizing:border-box;  background:url(../images/ditu.jpg) center center no-repeat;}
.public-title{width:500px; height:52px;  margin:0 auto; background: url(../images/btt_w5fc1.png) center center no-repeat;}
.public-title strong{width:100%; text-align: center; font-weight:bold; font-size:24px; display: block;}
.public-title strong b{margin-left:10px; color:#005fbb;}
.public-title span{display: block; text-align: center; font-size:13px; color:#333; margin-top:4px;}

.lianxi-box{width:910px; margin:0 auto;  margin:60px auto;}
.lianxi-box-left{width:310px; height:auto; float: left;}
.lianxi-box-left span{display: block;}
.e-box{width:100%;}
.e-img{float: left; width:140px; height:auto;  margin-right:5px;}
.e-img img{display: block; width:100%; height:140px;}
.e-img span{display: block; font-size:13px; color:#333; width:100%; text-align: center; padding-top:5px; margin-bottom:6px;}
.e-duan{float: left; box-sizing:border-box; padding-top:65px; padding-left:20px; line-height: 1.5; color:#333;}
span.lx-dd{font-size:13px; margin:12px auto; color:#333;}

.lianxi-box-right{width:545px; height:254px; border:4px solid #fff; float: right; box-sizing:border-box; box-shadow: 0px 0px 1px #ccc;}

.youshi-index{width:100%; padding:40px 0px; background: #fff; box-sizing:border-box; padding-top:30px; border-bottom:1px solid #fafafa;}

.four-aa{width:100%; height:auto;}
.four-aa li{float: left; width:25%; box-sizing:border-box; position: relative; }
.four-aa li:before{height:100px; content:""; display: block; position: absolute; z-index: 100; right:0px; top:50%; margin-top:-50px; width:1px; background-color: #ddd; }
.four-aa li:nth-child(4):before{background-color: transparent;}
.four-aa li *{display: block; }
.four-aa li img{display: block;width:112px; height:auto; margin:0 auto;}
.four-aa li span{font-size:18px; font-weight:bold; color:#333; text-align: center; margin:7px auto; margin-top:10px;}
.four-aa li p{font-size:14px; text-align: center; line-height: 1.6; width:80%; margin:0 auto; color:#999;}

.about-index{width:100%; height:auto; padding:60px 0px; border-bottom:1px solid #eee; background: url(../images/bgba.jpg) center center no-repeat; background-size:cover;}
.aobut-box{margin:60px auto; height:405px; width:100%; position: relative;  }
.about-part-2{position: absolute; z-index: 100; right:0px; bottom:0px; background-color: #000;}
.about-part-2 embed{display: block; width:400px; height:300px;  box-sizing:border-box; }
.about-part-1{position: absolute; z-index: 100; left:40px; top:52px; font-size:16px; color:#333;}
.about-part-1 span{font-size:24px; color: rgb(0, 95, 187); font-weight: bold; letter-spacing: 2px;}
.about-part-3{width:100%; height:259px; background: #fafafa; left:0px; bottom:0px; position: absolute; box-sizing:border-box; padding:10px 50px;}
.about-part-3 p{width:680px; height:auto ;line-height:2; text-indent: 2em; margin-top:15px; margin-bottom:15px;}
.about-part-3 a{display: block; width:120px; height:35px; line-height: 35px; text-align: center; background-color: #005fbb; color:white;}

.new-index{width:100%; height:auto; padding:40px 0px; background-color: #fafafa;}
.pro-index,.anli-index{width:100%; height:auto; padding:60px 0px; background-color: #fff;}

.xxx-index{width:100%; height:135px; box-sizing:border-box; background-color: rgb(0, 95, 187);}
.xxx-index>div{position: relative; height:100%;}
.pos-1{position: absolute; z-index: 100; left:0px; bottom:0px;}
.pos-2{width:900px; height:100px; top:50%; margin-top:-50px; right:0px; position: absolute; z-index: 100;}

.pro-nnn{width:100%; text-align: center; margin-top:40px;}
.pro-nnn li{display: inline-block; padding:5px 8px; background-color: #fafafa; border:1px solid #eee; margin-bottom:10px; margin-right:10px;}

.pro-zong{width:100%; height:320px; position: relative;  box-sizing:border-box; margin:30px auto; background: url(../images/xxx.jpg) center center no-repeat; position: relative;
box-sizing:border-box; }
.jieshao{width:500px; height:225px; position: absolute; right:45px; top:50px;  box-sizing:border-box;padding:27px 70px;
background-color: rgba(0, 95, 187,0.8)}
.jieshao p{line-height: 1.8; font-size:14px; color:white;}
.jieshao a{display: block; width:120px; height:35px; line-height: 35px; text-align: center; border:2px solid white; border-radius: 3px; color:white; margin-top:20px;}

.pro-list{width:100%; height:auto;  margin-top:10px;}
.pro-list li{float: left; width:393px; height:235px; position: relative; margin-right:10px; margin-bottom:10px;}
.pro-list li:nth-child(3n){margin-right:0px; }
.pro-list li a{display: block; width:100%; height:100%;}
.pro-list li a img{display: block; width:100%; height:100%;}
.pro-list li a span{display: block; width:100%; height:40px; line-height: 40px; background-color: rgba(0, 0, 0, 0.6); color:white; font-size:14px; letter-spacing: 1px; text-align: center;
position: absolute; left:0px; bottom:0px; font-size:16px; letter-spacing: 1px; display: none;}

.new-title{width:100%; height:auto; }
.new-title-left{float: left; font-size:16px; color:#333; font-weight:bold; letter-spacing: 1px; height:30px; line-height: 30px;}
.new-title-left span{font-size: 22px;
    padding-right: 10px;
    color: #19427d;
    font-weight: bold;
    text-transform: uppercase;}
.new-title-right{float:right; }
.new-title-right a{display: inline-block; padding:5px 10px; background: #005fbb; color:white; margin-left:10px; border-radius: 3px;}

.wenzhang-box{width:100%; height:auto;  box-sizing:border-box; margin:40px auto;}
.tu-wen{float: left; width:720px;}
.tu-wen ul{width:100%;}
.tu-wen ul li{float: left; width:220px; margin-right:30px; padding-bottom:20px; border-bottom:3px solid #ddd; height:293px;}
.tu-wen ul li:nth-child(3n){margin-right:0px;}
.tu-wen ul li:nth-child(n+4){display: none;}
.tu-wen ul li a{display: block; width:100%;}
.tu-wen ul li a img{display: block; width:100%; height:165px;}
.tu-wen ul li a span{display: block; white-space: nowrap; overflow: hidden; text-overflow:ellipsis;}

.aa-title{margin:12px auto; font-size:16px; color:#333;}
.aa-time{color:#999; font-size:14px; margin-top:10px;}
.tu-wen ul li a p{margin-top:5px; line-height: 1.5;}
.duan-wen{float:right; width:400px; height:293px;  box-sizing:border-box;}
.duan-wen ul{width:100%;}
.duan-wen ul li{width:100%; height:34px; line-height: 34px; border-bottom:1px dashed #ddd;}
.duan-wen ul li span{display: inline-block; float: right; color:#999; font-size:14px; }
.duan-wen ul li a{font-size:14px; color:#333; letter-spacing: 2px;}

.anli-list-box{width:100%; margin:40px auto;  box-sizing:border-box;}

.anli-list-box ul{width:100%; margin-top:10px;}

.anli-list-box ul li{float: left; width:380px; box-sizing:border-box; margin-right:29px; margin-bottom:20px;}
.anli-list-box ul li:nth-child(3n){margin-right:0px;}
.anli-list-box ul li a{display: block; width:100%; height:auto;}

.anli-list-box ul li a img{width:100%; height:266px; display: block;}
.anli-list-box ul li a div{box-sizing:border-box; padding:16px 20px; background-color: #005fbb;}
.anli-list-box ul li a div span{display: block; padding-bottom:10px; margin-bottom:6px; border-bottom:1px dashed #fff; font-size:16px; font-weight:bold; letter-spacing: 1px; color:white;}
.anli-list-box ul li a div p{color:#fff; font-size:14px; letter-spacing: 1px;}

/* side */
.side{position:fixed;width:54px;height:275px;right:0;bottom:400px;z-index:100;}
.side ul li{width:54px;height:54px;float:left;position:relative;border-bottom:1px solid #444;}
.side ul li .sidebox{position:absolute;width:54px;height:54px;top:0;right:0;transition:all 0.3s;background:#000;opacity:0.8;filter:Alpha(opacity=80);color:#fff;font:14px/54px "微软雅黑";overflow:hidden;}
.side ul li .sidetop{width:54px;height:54px;line-height:54px;display:inline-block;background:#000;opacity:0.8;filter:Alpha(opacity=80);transition:all 0.3s;}
.side ul li .sidetop:hover{background:#ae1c1c;opacity:1;filter:Alpha(opacity=100);}
.side ul li img{float:left;}

.hidden-nav-box{width:100%; height:auto; display: none; box-sizing:border-box; padding:2%;}
.hidden-nav-box ul{width:100%}
.hidden-nav-box ul li{float:left;  box-sizing:border-box; width:22%; height:35px; line-height: 35px; border-radius: 3px; background-color: #005fbb; margin-right:4%; 
    text-align: center; font-size:14px; color:#fff;}
.hidden-nav-box ul li:nth-child(4n){margin-right:0%;}
.hidden-nav-box ul li:nth-child(n+5){margin-top:6px;}
.hidden-nav-box ul li a{color:#fff;}


.pox{display: none;}


.title-nnn{width:1200px; box-sizing:border-box; margin:10px auto; }
.title-nnn-left{float:left; box-sizing:border-box; width:220px;}
.title-nnn-right{float:right; width:960px;}

.nan-box{width:100%; height:100px; box-sizing:border-box; padding:30px; color:#fff; box-sizing:border-box; background: url(../images/cc_vyfa.jpg) center center no-repeat;}
.nan-box span{font-size:18px; color:#fff; font-weight:bold;}
.title-nnn-left ul{width:100%; height:auto;}
.title-nnn-left ul li{width:100%; height:45px; line-height: 45px; text-align: center;  box-sizing:border-box; background-color: #2980b9; margin:4px auto;}
.title-nnn-left ul li a{color:white; font-size:13px; letter-spacing: 2px;}
.title-nnn-left ul li:hover,.title-nnn-left ul li.accc {background-color:#ee7d10;}
.ngn{width:100%; border-bottom:1px solid #ddd; padding-bottom:5px; font-size:13px;}
.box-aaa{width:100%; height:auto; padding:10px 0px; box-sizing:border-box;}
.danye{width:100%; height:auto; margin:4px auto;}
.danye-1{width:600px; margin:4px auto; font-size:16px; color:#333; letter-spacing: 1px; font-weight:bold; text-align: center;}
.danye-2{font-size:14px; color:#999; margin:10px auto; text-align: center; }
.danye-3{font-size:14px; text-indent: 2em; line-height: 1.5;  color:#333;}
.danye-3 img{ max-width:100%;}

.pro-box{width:100%; height:auto; margin-bottom:40px;}
.pro-box ul{width:100%; height:auto;}
.pro-box ul li{float:left; width:310px; height:auto; border:1px solid #eee; box-sizing:border-box; padding:10px; margin-right:15px;}
.pro-box ul li a{display: block; width:100%;}
.pro-box ul li a img{display:block; width:100%; height:auto; margin-bottom:6px;}
.pro-box ul li a span{display: block; font-size:14px; color:#333; text-align: center;}
.pro-box ul li:nth-child(3n){margin-right:0px;}
.pro-box ul li:nth-child(n+4){margin-top:10px;}

.new-box{width:100%;  box-sizing:border-box; margin:10px auto; padding-bottom:20px;}
.new-box ul{width:100%; height:auto;}
.new-box ul li{width:100%; height:40px; line-height: 40px; border-bottom:1px dashed #ddd; margin-bottom:4px;}
.new-box ul li a{float: left;}
.new-box ul li span{float:right; color:#999; font-size:13px;}

.page-1{width:100%; font-size:13px; color:#999; margin:12px auto;}
.page-1 a{float:left; color:#999;}
.page-1 a:nth-child(2){float:right; font-size:13px; color:#999; }
.page-1 a:hover{color:#333;}

.page-2{font-size:14px; color:#333; margin:12px auto; height:auto; text-align: center;}
.page-2 a,.page-2 span{font-size:14px; color:#333; border:1px solid #ddd; box-sizing:border-box; padding:10px 15px; border-radius: 3px; background-color: #eee;
font-size:14px;}
.page-2 a:hover,.page-2 span.show{background-color: #2980b9; font-size:14px; color:white; border-color:#2980b9;}
.page-2 a.active{color:gray !important; background-color: #eee; border-color:#ddd;}


@media screen and (min-width:320px) and (max-width:768px){
	.danye-3 img{ display:block;}	
    .new-box ul li a{width:70%; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
    .page-2 a, .page-2 span{padding:5px 10px;}
    .ngn{padding-top:10px;}
    .title-nnn{width:98%;  box-sizing:border-box;}
.title-nnn-left{width:100%;}
.nan-box{background-size:cover;}
.title-nnn-left ul li{float:left; width:49%; height:40px; line-height: 40px;}
.title-nnn-left ul li:nth-child(2n){float:right;}
.title-nnn-right{width:100%;}
.danye-1{width:98%;}
.new-box ul li:hover a{color:#2980b9;}
.page-1 a{display: block; float:none; margin:5px auto;}
.page-1 a:nth-child(2n){float:none;}

.pro-box ul li{float:left; width:49.5%; box-sizing:border-box; padding:4px; margin-right:0px; margin-top:5px;}
.pro-box ul li:nth-child(n+4){margin-top:5px;}
.pro-box ul li:nth-child(2n){float:right;}

    body{overflow-x: hidden;}
    .public-container{width:100%;}
    .hidden-nav-box{display: block; }
    .head-nav-index>div ul{display: none;}
    .head-nav-index{height:60px; border-bottom:1px solid #eee;}
    .logo-box{width:164px; height:45px; margin-left:-82px; margin-top:-22.5px;}
    .side{display: none;}
    .banner-index{width:100%; height:160px;}
    .four-aa li{width:49%;}
    .four-aa li:before{display: none;}
    .four-aa li:nth-child(n+3){margin-top:10px;}
    .about-index{padding:15px 0px;}
    .public-title{width:98%; margin:0 auto;  box-sizing:border-box;}
    .public-title strong{font-size:18px;}
    .public-title span{font-size:12px;}
    .about-part-1{display: none;}
    .about-part-2{position: static; margin:10px auto;  box-sizing:border-box; width:96%;}
    .aobut-box{margin:10px auto; height:auto;}
    .about-part-3{position: static; width:98%; margin:2px auto;  box-sizing:border-box; height:auto; padding:6px 8px;}
    .about-part-3 p{width:100%; height:auto; margin-top:6px; margin-bottom:6px;}
    .pos-2{display: none;}
    .pos-1{width:90%; height:auto;}
    .pro-nnn{margin-top:10px;}
    .pro-index, .anli-index{padding:20px 0px;}
    .about-part-3 a{margin-bottom:10px;}
    .jieshao{width:220px; height:200px; right:18px; top:18px; padding:2px 14px;}
    .jieshao p{display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 5;
        -webkit-line-clamp: 5;
        height: auto;
        -webkit-box-orient: vertical; padding-top:6px;}
        .pro-zong{height:260px; margin:10px auto; padding:4px;
        }
        .pro-list li{width:49%; height:auto; margin-right:0px;}
        .pro-list li:nth-child(2n){float:right;}

        .pro-list li a span{height:30px; line-height: 30px; display: block; font-size:14px; }
        .pro-list{box-sizing:border-box; padding:6px;}
        .new-title-left{float:none; margin:4px auto; text-align: center;}
        .new-title-right{display: block; float:none; margin:12px auto;   text-align: center;}
        .tu-wen ul li:nth-child(n+3){display: none;}
        .tu-wen ul li{width:98%; float:none; margin:0 auto;}
        .tu-wen{width:96%; margin:4px auto; float:none; margin:4px auto;}
        .duan-wen{width:96%; margin:4px auto; float:none;}
        .anli-list-box ul li{float:left; width:49%; box-sizing:border-box; margin-right:0px; margin-bottom:8px;}
        .anli-list-box ul li a img{height:auto;}
        .anli-list-box ul li:nth-child(2n){float:right;}
        .anli-list-box ul li a div{padding:8px 12px;}
        .lianxi-box-left{float:none; margin:8px auto;}
        .lianxi-box{width:98%;}
        .lianxi-box-right{width:98%; height:200px;}
        .lianxi-index{padding:10px 0px;}
        .foot-left ul{margin:6px auto;}
        .lianxi-index{background-size:cover; margin:10px auto;}
        .lianxi-box{margin:10px auto;}
        .foot-left ul{width:96%; margin:2px auto;}
        .foot-left p{width:96%; margin:4px auto; text-align:left; line-height: 1.8;}
        .foot-right{float:none; margin:3px auto; }
        .footer-index{margin-bottom:50px;}
        .pox{width:100%; height:50px; position: fixed; display: block; z-index: 1000; left:0px; bottom:0px;  box-sizing:border-box; background-color: #fff; border-top:1px solid #eee;}
        .pox ul{width:100%; height:100%;}
        .pox ul li{width:25%; box-sizing:border-box;  float:left; height:100%;}
        .pox ul li a{display: block; width:100%; height:auto;}
        .pox ul li a img{display: block; width:auto; height:22px; margin:2px auto; margin-top:6px;}
        .pox ul li a span{display: block; font-size:12px; color:#333; text-align: center; letter-spacing: 1px;}
        .foot-left ul li{margin-bottom:10px;}

}